<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,maximum-scale=1.0,initial-scale=1.0,minimum-scale=1.0,user-scalable=0,shrink-to-fit=no">
		<link rel="stylesheet" href="./images262/common.css">
		<link rel="stylesheet" href="./images262/goods.css">
		<link rel="stylesheet" href="./images262/swiper-bundle.min.css">
		<title>粉碎设备</title>
		<link href="https://www.cnpowder.com.cn/favicon.ico" type="image/x-icon" rel="shortcut icon">
		<script src="./images262/jquery-1.12.4.min.js"></script>
		<script src="images262/swiper-bundle.min.js"></script>
		<script src="images262/tab.js"></script>
	</head>
	<body>
		<div class="goods_list publicBackground">
			<div class="goods_lists_top">
				<div class="goods_lists_top_box">
					<div class="top">
						<a href="./goods.html" class="left">
							<img class="logo" src="./images262/logoftz.png" />
							<div class="title">首页</div>
						</a>
						<div class="right" id="sousuo">
							<img class="icon" src="./images262/indextopsou.png"/>
							<input class="input" type="text" placeholder="请输入关键字" />
						</div>
					</div>
				</div>
			</div>
			<div class="goods_list_tab">
				<img onClick="javascript:history.back();" class="img" src="images262/ljt.png"/>
				<div class="name">粉碎设备</div>
			</div>
			<div class="goods_list_banner swiper">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="bannerBox">
							<img class="img" src="https://img1.cnpowder.com.cn/img/daily/2019/10/11/120014_055391_minicolumn_10.jpg" />
						</div>
					</div>
					<div class="swiper-slide">
						<div class="bannerBox">
							<img class="img" src="https://img1.cnpowder.com.cn/img/daily/2019/10/11/120014_055391_minicolumn_10.jpg" />
						</div>
					</div>
				</div>
			</div>
			<div class="goods_list_top" id="topnav">
				<div class="topNav" id="zonghe">综合排序</div>
				<div class="topNav" id="pp">品牌</div>
				<div class="topNav" data-new='0' id="xinpin">新品</div>
				<div class="topNav" onclick="shaixuanShow()">筛选</div>
				<!-- 综合 -->
				<div class="zonghe sx">
					<div class="bj" onclick="zongheHide()"></div>
					<div class="box">
						<div class="zhlist is">综合排序</div>
						<div class="zhlist">关注度从高到底</div>
						<div class="zhlist">更新日期</div>
					</div>
				</div>
				<!-- 品牌 -->
				<div class="pptab sx">
					<div class="bj" onclick="ppHide()"></div>
					<div class="box">
						<div class="pplist hidden1 is">全部品牌</div>
						<div class="pplist hidden1">丹东百特</div>
						<div class="pplist hidden1">德国飞驰</div>
						<div class="pplist hidden1">马尔文帕纳科</div>
						<div class="pplist hidden1">济南微纳</div>
					</div>
				</div>
				<!-- 筛选 -->
				<div class="shaixuan sx">
					<div class="bj" onclick="shaixuanHide()"></div>
					<div class="box">
						<div class="boxList">
							<div class="shaixuanList" data-index="0">
								<div class="title">
									<div class="name">价格范围</div>
									<div class="right" data-type="0">展开</div>
								</div>
								<div class="shaixuanBox">
									<div data-id="1" class="list">1万以下</div>
									<div data-id="2" class="list">1-5万元</div>
									<div data-id="3" class="list">5-10万元</div>
									<div data-id="4" class="list">10-20万元</div>
									<div data-id="5" class="list">20-30万元</div>
									<div data-id="6" class="list">30-40万元</div>
									<div data-id="7" class="list">40-50万元</div>
									<div data-id="8" class="list">50-60万元</div>
									<div data-id="9" class="list">60-70万元</div>
								</div>
							</div>
							<div class="shaixuanList" data-index="1">
								<div class="title">
									<div class="name">价格范围</div>
									<div class="right" data-type="0">展开</div>
								</div>
								<div class="shaixuanBox">
									<div data-id="1" class="list">1万以下</div>
									<div data-id="2" class="list">1-5万元</div>
									<div data-id="3" class="list">5-10万元</div>
									<div data-id="4" class="list">10-20万元</div>
									<div data-id="5" class="list">20-30万元</div>
									<div data-id="6" class="list">30-40万元</div>
									<div data-id="7" class="list">40-50万元</div>
									<div data-id="8" class="list">50-60万元</div>
									<div data-id="9" class="list">60-70万元</div>
								</div>
							</div>
							<div class="shaixuanList" data-index="2">
								<div class="title">
									<div class="name">价格范围</div>
									<div class="right" data-type="0">展开</div>
								</div>
								<div class="shaixuanBox">
									<div data-id="1" class="list">1万以下</div>
									<div data-id="2" class="list">1-5万元</div>
									<div data-id="3" class="list">5-10万元</div>
									<div data-id="4" class="list">10-20万元</div>
									<div data-id="5" class="list">20-30万元</div>
									<div data-id="6" class="list">30-40万元</div>
									<div data-id="7" class="list">40-50万元</div>
									<div data-id="8" class="list">50-60万元</div>
									<div data-id="9" class="list">60-70万元</div>
								</div>
							</div>
							<div class="shaixuanList" data-index="2">
								<div class="title">
									<div class="name">价格范围</div>
									<div class="right" data-type="3">展开</div>
								</div>
								<div class="shaixuanBox">
									<div data-id="1" class="list">1万以下</div>
									<div data-id="2" class="list">1-5万元</div>
									<div data-id="3" class="list">5-10万元</div>
									<div data-id="4" class="list">10-20万元</div>
									<div data-id="5" class="list">20-30万元</div>
									<div data-id="6" class="list">30-40万元</div>
									<div data-id="7" class="list">40-50万元</div>
									<div data-id="8" class="list">50-60万元</div>
									<div data-id="9" class="list">60-70万元</div>
								</div>
							</div>
							<div class="shaixuanList" data-index="4">
								<div class="title">
									<div class="name">价格范围</div>
									<div class="right" data-type="3">展开</div>
								</div>
								<div class="shaixuanBox">
									<div data-id="1" class="list">1万以下</div>
									<div data-id="2" class="list">1-5万元</div>
									<div data-id="3" class="list">5-10万元</div>
									<div data-id="4" class="list">10-20万元</div>
									<div data-id="5" class="list">20-30万元</div>
									<div data-id="6" class="list">30-40万元</div>
									<div data-id="7" class="list">40-50万元</div>
									<div data-id="8" class="list">50-60万元</div>
									<div data-id="9" class="list">60-70万元</div>
								</div>
							</div>
							<div class="shaixuanList" data-index="5">
								<div class="title">
									<div class="name">价格范围</div>
									<div class="right" data-type="3">展开</div>
								</div>
								<div class="shaixuanBox">
									<div data-id="1" class="list">1万以下</div>
									<div data-id="2" class="list">1-5万元</div>
									<div data-id="3" class="list">5-10万元</div>
									<div data-id="4" class="list">10-20万元</div>
									<div data-id="5" class="list">20-30万元</div>
									<div data-id="6" class="list">30-40万元</div>
									<div data-id="7" class="list">40-50万元</div>
									<div data-id="8" class="list">50-60万元</div>
									<div data-id="9" class="list">60-70万元</div>
								</div>
							</div>
							<div class="shaixuanList" data-index="6">
								<div class="title">
									<div class="name">价格范围</div>
									<div class="right" data-type="3">展开</div>
								</div>
								<div class="shaixuanBox">
									<div data-id="1" class="list">1万以下</div>
									<div data-id="2" class="list">1-5万元</div>
									<div data-id="3" class="list">5-10万元</div>
									<div data-id="4" class="list">10-20万元</div>
									<div data-id="5" class="list">20-30万元</div>
									<div data-id="6" class="list">30-40万元</div>
									<div data-id="7" class="list">40-50万元</div>
									<div data-id="8" class="list">50-60万元</div>
									<div data-id="9" class="list">60-70万元</div>
								</div>
							</div>
							<div class="shaixuanList" data-index="7">
								<div class="title">
									<div class="name">价格范围</div>
									<div class="right" data-type="3">展开</div>
								</div>
								<div class="shaixuanBox">
									<div data-id="1" class="list">1万以下</div>
									<div data-id="2" class="list">1-5万元</div>
									<div data-id="3" class="list">5-10万元</div>
									<div data-id="4" class="list">10-20万元</div>
									<div data-id="5" class="list">20-30万元</div>
									<div data-id="6" class="list">30-40万元</div>
									<div data-id="7" class="list">40-50万元</div>
									<div data-id="8" class="list">50-60万元</div>
									<div data-id="9" class="list">60-70万元</div>
								</div>
							</div>
						</div>
						<div class="bottom">
							<div class="button" onclick="chongzhiFenlei()">重置</div>
							<div class="button" onclick="qurenFenlei()">确定</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 产品列表 -->
			<div class="goods_list_box">
				<a href="https://m.cnpowder.com.cn/ns10053/productsdetail_74776.html" class="list">
					<div class="goodsImg">
						<img class="img"
							src="https://img1.cnpowder.com.cn/img/daily/2024/01/05/091929_646813_product_74776.jpg" />
					</div>
					<div class="right">
						<div class="goodsNews">
							<div class="text hidden2">Bettersize3000plus激光图像粒度粒形分析仪</div>
							<div class="shopName hidden1">丹东百特仪器有限公司</div>
							<div class="text">信息完整度：</div>
							<div class="xing">
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x1.png" />
								<img class="img" src="images262/x0.png" />
							</div>
						</div>
						<div class="goodsNews">
							<div class="text">关注度：48666</div>
							<div class="text">上市时间：2024-12-07</div>
						</div>
					</div>
				</a>
				<a href="https://m.cnpowder.com.cn/ns10053/productsdetail_74776.html" class="list">
					<div class="goodsImg">
						<img class="img"
							src="https://img1.cnpowder.com.cn/img/daily/2024/01/05/091929_646813_product_74776.jpg" />
					</div>
					<div class="right">
						<div class="goodsNews">
							<div class="text hidden2">Bettersize3000plus激光图像粒度粒形分析仪</div>
							<div class="shopName hidden1">丹东百特仪器有限公司</div>
							<div class="text">信息完整度：</div>
							<div class="xing">
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x1.png" />
								<img class="img" src="images262/x0.png" />
							</div>
						</div>
						<div class="goodsNews">
							<div class="text">关注度：48666</div>
							<div class="text">上市时间：2024-12-07</div>
						</div>
					</div>
				</a>
				<a href="https://m.cnpowder.com.cn/ns10053/productsdetail_74776.html" class="list">
					<div class="goodsImg">
						<img class="img"
							src="https://img1.cnpowder.com.cn/img/daily/2024/01/05/091929_646813_product_74776.jpg" />
					</div>
					<div class="right">
						<div class="goodsNews">
							<div class="text hidden2">Bettersize3000plus激光图像粒度粒形分析仪</div>
							<div class="shopName hidden1">丹东百特仪器有限公司</div>
							<div class="text">信息完整度：</div>
							<div class="xing">
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x1.png" />
								<img class="img" src="images262/x0.png" />
							</div>
						</div>
						<div class="goodsNews">
							<div class="text">关注度：48666</div>
							<div class="text">上市时间：2024-12-07</div>
						</div>
					</div>
				</a>
				<a href="https://m.cnpowder.com.cn/ns10053/productsdetail_74776.html" class="list">
					<div class="goodsImg">
						<img class="img"
							src="https://img1.cnpowder.com.cn/img/daily/2024/01/05/091929_646813_product_74776.jpg" />
					</div>
					<div class="right">
						<div class="goodsNews">
							<div class="text hidden2">Bettersize3000plus激光图像粒度粒形分析仪</div>
							<div class="shopName hidden1">丹东百特仪器有限公司</div>
							<div class="text">信息完整度：</div>
							<div class="xing">
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x1.png" />
								<img class="img" src="images262/x0.png" />
							</div>
						</div>
						<div class="goodsNews">
							<div class="text">关注度：48666</div>
							<div class="text">上市时间：2024-12-07</div>
						</div>
					</div>
				</a>
				<a href="https://m.cnpowder.com.cn/ns10053/productsdetail_74776.html" class="list">
					<div class="goodsImg">
						<img class="img"
							src="https://img1.cnpowder.com.cn/img/daily/2024/01/05/091929_646813_product_74776.jpg" />
					</div>
					<div class="right">
						<div class="goodsNews">
							<div class="text hidden2 goodsname">Bettersize3000plus激光图像粒度粒形分析仪</div>
							<div class="shopName hidden1">丹东百特仪器有限公司</div>
							<div class="text">信息完整度：</div>
							<div class="xing">
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x1.png" />
								<img class="img" src="images262/x0.png" />
							</div>
						</div>
						<div class="goodsNews">
							<div class="text">关注度：48666</div>
							<div class="text">上市时间：2024-12-07</div>
						</div>
					</div>
				</a>
				<a href="https://m.cnpowder.com.cn/ns10053/productsdetail_74776.html" class="list">
					<div class="goodsImg">
						<img class="img"
							src="https://img1.cnpowder.com.cn/img/daily/2024/01/05/091929_646813_product_74776.jpg" />
					</div>
					<div class="right">
						<div class="goodsNews">
							<div class="text hidden2">Bettersize3000plus激光图像粒度粒形分析仪</div>
							<div class="shopName hidden1">丹东百特仪器有限公司</div>
							<div class="text">信息完整度：</div>
							<div class="xing">
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x2.png" />
								<img class="img" src="images262/x1.png" />
								<img class="img" src="images262/x0.png" />
							</div>
						</div>
						<div class="goodsNews">
							<div class="text">关注度：48666</div>
							<div class="text">上市时间：2024-12-07</div>
						</div>
					</div>
				</a>
			</div>
		
		</div>
	</body>
	<script type="text/javascript">
		// $(document).ready(function(){
		//     var offsetTop = $('#topnav').offset().top;
		// 	var toph = $('#topnav').height()
		// 	offsetTop = parseInt(offsetTop)+toph
		// 	$('.sx').css({'top':offsetTop+'px'})
		// });
		//banner
		new Swiper(".goods_list_banner", {
			autoplay: true,
			loop: true,
		});
		// 综合
		$('#zonghe').click(function() {
			$('.sx').hide()
			$('.zonghe').show()
		})
		$('.zonghe .zhlist').click(function() {
			$(this).addClass('is')
			$(this).siblings().removeClass('is')
			let text = $(this).html()
			$('#zonghe').html(text)
			if (text == '综合排序') {
				$('#zonghe').removeClass('is')
			} else {
				$('#zonghe').addClass('is')
			}
			$('.zonghe').hide()
		})

		function zongheHide() {
			$('.zonghe').hide()
		}
		// 品牌
		function ppHide() {
			$('.pptab').hide()
		}
		$('#pp').click(function() {
			$('.sx').hide()
			$('.pptab').show()
		})
		$('.pptab .pplist').click(function() {
			$(this).addClass('is')
			$(this).siblings().removeClass('is')
			let text = $(this).html()
			$('#pp').html(text)
			if (text == '全部品牌') {
				$('#pp').removeClass('is')
			} else {
				$('#pp').addClass('is')
			}
			$('.pptab').hide()
		})
		// 新品
		$('#xinpin').click(function() {
			var isnew = $(this).attr('data-new')
			if (isnew == '0') {
				$(this).attr('data-new', '1')
				$(this).addClass('is')
			} else {
				$(this).attr('data-new', '0')
				$(this).removeClass('is')
			}
		})
		// 筛选
		function shaixuanShow() {
			$('.sx').hide()
			$('.shaixuan').show()
		}

		function shaixuanHide() {
			$('.shaixuan').hide()
		}
		$('.shaixuanList .right').click(function() {
			var index = $(this).parents('.shaixuanList').attr('data-index')
			var type = $(this).attr('data-type')
			if (type == '0') {
				$(this).attr('data-type', '1')
				$(this).html('收起')
				$('.shaixuanBox').eq(index).addClass('active')
			} else {
				$(this).attr('data-type', '0')
				$(this).html('展开')
				$('.shaixuanBox').eq(index).removeClass('active')
			}
		})
		var sxData = {}
		$('.shaixuanBox .list').click(function() {
			$(this).addClass('is')
			$(this).siblings().removeClass('is')
			var id = $(this).attr('data-id')
			var index = $(this).parents('.shaixuanList').attr('data-index')
			sxData[index] = id
			console.log(sxData)
		})

		function chongzhiFenlei() {
			sxData = {}
			$('.shaixuanBox .list').removeClass('is')
			shaixuanHide()
		}

		function qurenFenlei() {
			console.log(sxData)
			shaixuanHide()
		}
	</script>
</html>